<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>批次管理</title>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
    <style type="text/css">
        table{
            width: 90%; font-size: 16px;text-align: center;margin: 0 auto;
            border-collapse: separate;border-spacing: 0;border: 2px #e0e0e0;
            margin-top: 20px;
        }
        td {
            border-bottom: 2px solid #eaeaea;
        }
        .tr1{
            background: #efefef;font-size: 14px;height:50px;
        }
        .tr2{
            height: 60px;border-bottom: 2px solid #eaeaea;font-size: 13px;
        }
        h1{
            text-align: center;
        }
        .search{
            width:1300px;
            height:60px;
            margin-top: 30px;
            margin-bottom: 20px;
            margin-left: 55px;
        }
        select{
            width: 15%;
            height: 30px;
            float: left;
            border-radius: 3px;
            border-color: rgb(224, 224, 224);
            border-style: solid;
            border-width: 1px;
            text-indent: 5px;
            margin-left: 10px;
        }
        .selectButton{
            float: left;
            margin-left: 10px;
            height: 30px;
            width: 70px;
            border: none;
            background-color: rgb(22, 155, 213);
            color: white;

        }
        input{
            width:15%;
            height: 30px;
            float: left;
            border-radius: 3px;
            border-color: rgb(224, 224, 224);
            border-style: solid;
            border-width: 1px;
            text-indent: 5px;
            margin-left: 5px;

        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- header -->
    <div th:replace="~{commons/header::header}"></div>

    <!-- left -->
    <div th:replace="~{commons/left::left}"></div>
    <!-- 内容主体区域 -->
    <div class="layui-body">
        <div style="padding: 30px 30px ;">

            <h1>用人单位申请</h1>
            <div class="search">
                <form action="/staff_unitApply_select" method="post">
                    <select name="batchTeam">
                        <option value="0">请选择用工批次</option>
                        <option th:each="teamList:${teamList}" th:text="${teamList.getBatchTeam()}"></option>
                    </select>
                    <select name="laborUnit">
                        <option value="1">请选择用工部门</option>
                        <option value="学工处">学工处</option>
                        <option value="图书馆">图书馆</option>
                        <option value="财务部">财务部</option>
                        <option value="心理咨询中心">心理咨询中心</option>
                        <option value="创四方园">创四方园</option>
                    </select>
                    <select name="laborState">
                        <option value="2">请选择工作状态</option>
                        <option value="0">开启</option>
                        <option value="1">关闭</option>


                    </select>
                    <input type="submit" value="查询" class="selectButton">
                </form>
            </div>
            <table  class="gridtable">
                <thead>
                <tr class="tr1">
                    <th>序号</th>
                    <th>用工批次</th>
                    <th>用工部门</th>
                    <th>需求人数</th>
                    <th>本期招聘人数</th>
                    <th>工资标准</th>

                    <th>审批状态</th>
                    <th>提交日期</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr  th:each="HwLaborList:${HwLaborList2}" class="tr2">
                    <td th:text="${HwLaborList.getLaborNum()}"></td>
                    <td th:text="${HwLaborList.getBatchTeam()}"> </td>
                    <td th:text="${HwLaborList.getLaborUnit()}"></td>
                    <td th:text="${HwLaborList.getLaborRequestNum()}"> </td>
                    <td th:text="${HwLaborList.getLaborRecruitersNum()}"> </td>
                    <td th:text="${HwLaborList.getLaborStandard()}"> </td>


                    <td th:text="${HwLaborList.getLaborApprovalState()}"> </td>
                    <td th:text="${HwLaborList.getLaborSubmitTime()}"> </td>
                    <td>
                        <a th:href="@{'/hw_staff_unitapply_dateail/'+${HwLaborList.getBatchTeam()}
                        +'/'+${HwLaborList.getLaborUnit()}+'/'+${HwLaborList.getLaborNum()}}" style="color: #00b4ef">详情</a>|
                        <a th:href="@{'/to_hw_staff_unitapply_update/'+${HwLaborList.getBatchTeam()}
                        +'/'+${HwLaborList.getLaborUnit()}+'/'+${HwLaborList.getLaborNum()}}" style="color: red">审批</a>


                    </td>
                </tr>

                </tbody>
            </table>
            <div class="modal-footer no-margin-top">
                <div class="col-md-6" style="float: left;margin-top: 15px; margin-left: 400px;">
                    当前第 [[${pageInfo.pageNum}]]页,共 [[${pageInfo.pages}]] 页.一共 [[${pageInfo.total}]] 条记录
                </div>

                <ul class="pagination pull-right no-margin">
                    <li th:if="${pageInfo.hasPreviousPage}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_unitApply?pageNum=1'" style="margin-left: 15px;color: #1e9fff;">首页</a>
                    </li>

                    <li class="prev" th:if="${pageInfo.hasPreviousPage}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_unitApply?pageNum='+${pageInfo.prePage}" style="margin-left: 15px;color: #1e9fff;">
                            <i class="ace-icon fa fa-angle-double-left">上一页</i>
                        </a>
                    </li>
                    <!--遍历条数-->
                    <li th:each="nav:${pageInfo.navigatepageNums}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_unitApply?pageNum='+${nav}" th:text="${nav}" th:if="${nav != pageInfo.pageNum}"
                           style="margin-left: 15px;color: #1e9fff;"></a>
                        <span style="font-weight: bold;background: #6faed9;" th:if="${nav == pageInfo.pageNum}" th:text="${nav}" ></span>
                    </li>

                    <li class="next" th:if="${pageInfo.hasNextPage}" style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_unitApply?pageNum='+${pageInfo.nextPage}" style="margin-left: 15px;color: #1e9fff;">
                            <i class="ace-icon fa fa-angle-double-right">下一页</i>
                        </a>
                    </li>

                    <li style="float: left;margin-top: 15px;margin-left: 10px;">
                        <a th:href="'/hw_staff_unitApply?pageNum='+${pageInfo.pages}" style="margin-left: 15px;color: #1e9fff;">尾页</a>
                    </li>
                </ul>
            </div>


        </div>

        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;
    });
</script>
</body>
</html>